<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>裁剪任意图像</title>
		<style>
		#d1{
			margin: 200px;
			height: 300px;
			width: 360px;
			background-color: #0000FF;
			clip-path:polygon(50% 0,100% 100%,0 100%);
			cursor: pointer;
			border: 2px solid red;
		}
		#d2{
			height: 400px;
			width: 400px;
			background-color: brown;
			clip-path: polygon(20% 0,80% 0,100% 100%,0 100%);
		}
		</style>
	</head>
	<body>
		 <div id="d1"></div>
		 
		 <div id="d2">
			 
		 </div>
	</body>
</html>
